<template>
  <div class="g-ftabbar">
    <div class="g-ftabbar-item">
      <i class="iconfont icon-shop"></i>
      <span>首页</span>
    </div>
    <div class="g-ftabbar-item">
      <i class="iconfont icon-service"></i>
      <span>客服</span>
    </div>
    <div class="g-ftabbar-item">
      <i class="iconfont icon-collect"></i>
      <span>收藏</span>
    </div>
    <div class="foot-left-button">
      <span>加入购物车</span>
    </div>
    <div class="foot-right-button">
      <span>马上抢</span>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'FootTabbar'
  };
</script>

<style lang="scss" scoped>

  .foot-left-button,.foot-right-button {
    width: 100px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background-color: #ff9500;
  }

  .foot-right-button {
    background-color: #ff0036;
  }

</style>
